<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
		<link href="css/load.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
		
		<title>漳泽农商银行开门红活动</title>
		<style>
			.mui-content input,
			.mui-content select,
			.mui-content textarea {
				font-size: 14px
			}
			.mui-icon {
				margin-right:5px
			}
			.banner{width:80%;margin:15px auto;}
			.banner li{width:100%;list-style: none;}
			.banner li p{color:#000;font-size:16px;font-weight:500;height:40px;line-height:40px;margin-bottom: 0;}
			.banner li p img{width:20px;margin-right:5px;vertical-align: middle;margin-top:-3px}
			.banner li input{width:100%;border:0;border-radius: 5px;height:35px;line-height:35px;background:#EEEFF3;padding-left:10px}
			#tj{background:linear-gradient(to right,  #DD6F11 0%,#BE2B0A 100%);border:0;border-radius: 8px;}
		</style>
	</head>

	<body >
		<div class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="wx_hblb"></a>
			<h1 class="mui-title">个人信息</h1>
			<!--<div class="mui-pull-right"><button class="mui-btn mui-btn-primary mui-btn-outlined" id="lsjl"><i class="mui-icon-extra mui-icon-extra-gift"></i>历史记录</button></div>-->
		</div>
		<div class="mui-content" style="width:100%;height:100%;background:url(img/hbfx2.jpg) no-repeat;background-size:100% 100%;margin-top:44px;padding-top:10px">
			<!--<div class="top" style="background:#2388FA;padding:30px 0;margin:10px;box-shadow: 0 5px 10px #2388FA;">
				<img src="img/logo-b.png" style="width:60%;display:block;margin:0 auto">
			</div>-->
			<div class="banner" style="margin-top:300px">
				<li>
					<!--<p ><img src="img/7.png">领奖人姓名：</p>-->
					<input class="mui-input" placeholder="请输入领奖人的姓名" id="name" type="text">
				</li>
				<li>
					<!--<p ><img src="img/8.png">领奖人手机号：</p>-->
					<input class="mui-input" placeholder="请输入领奖人的手机号" id="tel" type="number">
				</li>
				<li>
					<!--<p ><img src="img/9.png">推广人工号：</p>-->
					<input class="mui-input" placeholder="请输入推广人工号" id="yxhm" type="number">
				</li>
			</div>
			<div class="footer" style="margin:30px auto;width:100%;margin-top:15px;">
				<button class="mui-btn mui-btn-primary " style="width:80%;padding:10px 0;margin-left:10%;" id="tj">保存信息</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/load.js"></script>
		<script src="js/importJs.js"></script>
		<script>
			var height=$(window).height()
			var height2=Number(height)-44;
			$(".mui-content").css("height",height2+'px')
		</script>
	</body>

</html>